<!-- 个人信息块 -->
<div class="userinfo">
	<div class="info">
		<img class="avatar" src="public/img/avatar.png" >
		<span class="username">{{username}}</span>
	</div>
	<div class="resetpass" @tap="resetpass"><span class="mui-icon mui-icon-compose"></span>修改密码</div>
	<div id="grade">
		<span class="span1">VIP0</span>
		<div id="gradeProgress" class="mui-progressbar">
			<span></span>
		</div>
		<span class="span2">VIP1</span>
		<p>距离升级还需要8000流水</p>
	</div>
</div>
<!-- 钱包金额 -->
<div class="wallet">
	<div class="item">
		<span class="iconfont iconqianbao" style="background:#47c4ff;"></span>
		<div class="txt">
			<h5>中心钱包</h5>
			<h4>￥999999.00</h4>
		</div>
	</div>
	<div class="item">
		<span class="iconfont iconjinbi" style="background:#ffc107;"></span>
		<div class="txt">
			<h5>金币钱包</h5>
			<h4>￥999999.00</h4>
		</div>
	</div>
	<div class="item">
		<span class="iconfont iconzhuanzhang" style="background:#ff88bf;"></span>
		<div class="txt">
			<h5>盈利钱包</h5>
			<h4>￥999999.00</h4>
		</div>
	</div>
	<div class="item">
		<span class="iconfont iconedu" style="background:#9c27b0;"></span>
		<div class="txt">
			<h5>收益钱包</h5>
			<h4>￥999999.00</h4>
		</div>
	</div>
</div>
<!-- 桌面菜单 -->
<div id="desktop-menu">
	<div class="item">
		<a href="#" style="background:#6641E2;">
			<span class="iconfont iconchongzhi"></span>
		</a>
		<span>充值</span>
	</div>
	<div class="item">
		<a href="#" style="background:#EC971F;">
			<span class="iconfont icontikuanjilu"></span>
		</a>
		<span>提现</span>
	</div>
	<div class="item">
		<a href="#" style="background:#2AC845;">
			<span class="iconfont iconkefu"></span>
		</a>
		<span>客服</span>
	</div>
	<div class="item">
		<a href="#" style="background:#DD524D;">
			<span class="iconfont icongonggao1"></span>
		</a>
		<span>公告</span>
	</div>
</div>
<!-- 导航列表 -->
<ul class="mui-table-view">
    <li class="mui-table-view-cell"><a class="mui-navigate-right">投注记录</a></li>
    <li class="mui-table-view-cell"><a class="mui-navigate-right">充值记录</a></li>
    <li class="mui-table-view-cell"><a class="mui-navigate-right">提现记录</a></li>
    <li class="mui-table-view-cell"><a class="mui-navigate-right">账变记录</a></li>
</ul>
